<template>
  <div class="hello-world">
    <h1>{{ message }}</h1>
    <p>这是一个最基础的 Hello World 页面</p>
  </div>
</template>

<script lang="ts">
import { Vue, Component } from "vue-property-decorator";

@Component({
  metaInfo() {
    return {
      title: '首页',
    }
  }
})
export default class HelloWorld extends Vue {
  title = "首页";
  message = "Hello World!";
}
</script>

<style scoped>
.hello-world {
  text-align: center;
  padding: 50px;
  font-family: Arial, sans-serif;
}

h1 {
  color: #42b983;
  font-size: 2em;
  margin-bottom: 20px;
}

p {
  color: #666;
  font-size: 1.2em;
}
</style>